
// Colors
$blue = #44A1FF
$grey = #DDDDDD
$green = #42B983
$darkerGreen = #3BA776
$slate = #242424
$white = #FFFFFF

// The min-width to give icons text...
$wide = 820px

// The min-height to give the tools a little more breathing room...
$tall = 300px

// Theme
$active-color = $darkerGreen
$border-color = $grey
$background-color = $white
$component-color = $active-color

$dark-active-color = $active-color
$dark-border-color = lighten($slate, 10%)
$dark-background-color = $slate
$dark-component-color = $active-color

ensure(val, type)
  unless val is a type
    error('expected a ' + type + ', but got ' + typeof(val))

border-radius(n)
  // ensure(n, 'unit')
  -webkit-border-radius n
  -moz-border-radius n
  border-radius n
box-shadow($x = 0, $y = 0, $blur = 1px, $alpha = 1)
  $val = $x $y $blur rgba(0, 0, 0, $alpha)
  -webkit-box-shadow: $val
  -moz-box-shadow:    $val
  box-shadow:         $val

//定位全屏
allcover(){
	position:absolute;
	top:0;
	right:0;
}

//定位上下左右居中
center() {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

//定位上下居中
ct() {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

//定位左右居中
cl() {
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}

arrow-right() {
  display: inline-block;
      &:after {
          content: " ";
          display: inline-block;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          height: .16rem;
          width: .16rem;
          border-width: 2px 2px 0 0;
          border-color: #9da5ae;
          border-style: solid;
          position: relative;
          margin-left: .3em;
      }
}